﻿
@{
    ViewData["Title"] = "商品详细";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="/css/GoodsDetails.css" rel="stylesheet" />
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">商品详细</h1>
</header>
<div id="slider" class="mui-slider">
    <div class="mui-slider-group mui-slider-loop">
        <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
        <div class="mui-slider-item mui-slider-item-duplicate">
            <a href="#">
                <img src="/images/yuantiao.jpg">
            </a>
        </div>
        <!-- 第一张 -->
        <div class="mui-slider-item">
            <a href="#">
                <img src="/images/shuijiao.jpg">
            </a>
        </div>
        <!-- 第二张 -->
        <div class="mui-slider-item">
            <a href="#">
                <img src="/images/muwu.jpg">
            </a>
        </div>
        <!-- 第三张 -->
        <div class="mui-slider-item">
            <a href="#">
                <img src="/images/cbd.jpg">
            </a>
        </div>
        <!-- 第四张 -->
        <div class="mui-slider-item">
            <a href="#">
                <img src="/images/yuantiao.jpg">
            </a>
        </div>
        <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
        <div class="mui-slider-item mui-slider-item-duplicate">
            <a href="#">
                <img src="../images/shuijiao.jpg">
            </a>
        </div>
    </div>
    <div class="mui-slider-indicator">
        <div class="mui-indicator mui-active"></div>
        <div class="mui-indicator"></div>
        <div class="mui-indicator"></div>
        <div class="mui-indicator"></div>
    </div>
</div>
<div class="mui-content">
    <div style="padding: 10px 10px;">
        <div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
            <a class="mui-control-item mui-active" href="#item1">宝贝</a>
            <a class="mui-control-item" href="#item2">评价</a>
            <a class="mui-control-item" href="#item3">详情</a>
            <a class="mui-control-item" href="#item4">推荐</a>
        </div>
    </div>
    <div>
        <div id="item1" class="mui-control-content mui-active">
            <div class="tab-item">
                <a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
                    <div class="aui-well-item-hd">
                        <img src="/images/icon-logo.png" alt="">
                    </div>
                    <div class="aui-well-item-bd">
                        <h3>自营Apple产品专营店</h3>
                    </div>
                    <span class="aui-well-item-fr">已取消</span>
                </a>
                <div class="aui-mail-product">
                    <a href="javascript:;" class="aui-mail-product-item">
                        <div class="aui-mail-product-item-hd">
                            <img src="/images/pd-001.png" alt="">
                        </div>
                        <div class="aui-mail-product-item-bd">
                            <p>Apple 苹果 iPhone8 Plus 4G手机 深空灰 移动联通版64G裸机Apple 苹果 iPhone8 Plus 4G手机 深空灰 移动联通版64G裸机</p>
                        </div>
                    </a>
                </div>
                <a href="javascript:;" class="aui-mail-payment">
                    <p>
                        共<em>1</em>
                        件商品 实付款: ￥<i>6899.00</i>
                    </p>
                </a>
                <div class="aui-mail-button">
                    <a href="javascript:;">再次购买</a>
                    <a href="javascript:;" class="aui-df-color">评价晒单</a>
                    <a href="javascript:;" class="aui-df-color">查看发票</a>
                    <a href="/Order/OrderDetails">订单详情</a>
                </div>
            </div>
        </div>
        <div id="item2" class="mui-control-content">
            <div class="tab-item">
                <a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
                    <div class="aui-well-item-hd">
                        <img src="/images/icon-logo.png" alt="">
                    </div>
                    <div class="aui-well-item-bd">
                        <h3>SONY京东自营官方旗舰店</h3>
                    </div>
                    <span class="aui-well-wait">等待付款</span>
                </a>
                <div class="aui-mail-product">
                    <a href="javascript:;" class="aui-mail-product-item">
                        <div class="aui-mail-product-item-hd">
                            <img src="/images/pd-002.png" alt="">
                        </div>
                        <div class="aui-mail-product-item-bd">
                            <p>索尼（SONY）WH-1000XM2 Hi-Res无线蓝牙耳机 智能降噪耳机 头戴式 1000x二代 香槟金</p>
                        </div>
                    </a>
                </div>
                <a href="javascript:;" class="aui-mail-payment">
                    <p>
                        共<em>1</em>
                        件商品 实付款: ￥<i>2298.00</i>
                    </p>
                </a>
                <div class="aui-mail-button">
                    <a href="javascript:;">去支付</a>
                </div>
            </div>
        </div>
        <div id="item3" class="mui-control-content">
            <div class="tab-item">
                <a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
                    <div class="aui-well-item-hd">
                        <img src="/images/icon-logo.png" alt="">
                    </div>
                    <div class="aui-well-item-bd">
                        <h3>自营Apple产品专营店</h3>
                    </div>
                    <span class="aui-well-wait">等待收货</span>
                </a>
                <div class="aui-mail-product">
                    <a href="javascript:;" class="aui-mail-product-item">
                        <div class="aui-mail-product-item-hd">
                            <img src="/images/pd-003.png" alt="">
                        </div>
                        <div class="aui-mail-product-item-bd">
                            <p>FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41</p>
                        </div>
                    </a>
                </div>
                <a href="javascript:;" class="aui-mail-payment">
                    <p>
                        共<em>1</em>
                        件商品 实付款: ￥<i>6899.00</i>
                    </p>
                </a>
                <div class="aui-mail-button">
                    <a href="javascript:;">等待收货</a>
                    <a href="javascript:;" class="aui-df-color">再次购买</a>
                    <a href="javascript:;" class="aui-df-color">查看物流</a>
                    <a href="/Order/OrderDetails">订单详情</a>
                </div>
            </div>
        </div>
        <div id="item4" class="mui-control-content">
            <div class="tab-item">
                <a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
                    <div class="aui-well-item-hd">
                        <img src="/images/icon-logo.png" alt="">
                    </div>
                    <div class="aui-well-item-bd">
                        <h3>自营Apple产品专营店</h3>
                    </div>
                    <span class="aui-well-item-fr"></span>
                </a>
                <div class="aui-mail-product">
                    <a href="javascript:;" class="aui-mail-product-item">
                        <div class="aui-mail-product-item-hd">
                            <img src="/images/pd-004.png" alt="">
                        </div>
                        <div class="aui-mail-product-item-bd">
                            <p>盼盼 酸梅汤 酸梅汁风味饮料 250ml*24盒 整箱 果汁饮料</p>
                        </div>
                    </a>
                </div>
                <a href="javascript:;" class="aui-mail-payment">
                    <p>
                        共<em>1</em>
                        件商品 实付款: ￥<i>21.90</i>
                    </p>
                </a>
                <div class="aui-mail-button">
                    <a href="javascript:;">再次购买</a>
                    <a href="javascript:;" class="aui-df-color">评价晒单</a>
                    <a href="javascript:;" class="aui-df-color">查看发票</a>
                    <a href="/Order/OrderDetails">订单详情</a>
                </div>
            </div>
        </div>
    </div>
</div>
@*<nav class="mui-bar mui-bar-tab" id="menuList">
        <a class="mui-tab-item mui-active" href="/">
            <span class="mui-icon mui-icon-home"></span>
            <span class="mui-tab-label">店铺</span>
        </a>
        <a class="mui-tab-item" href="/Goods/GoodsClass">
            <span class="mui-icon mui-icon-extra mui-icon-extra-class"></span>
            <span class="mui-tab-label">客服</span>
        </a>
        <a class="mui-tab-item mui-btn mui-btn-danger" href="/Goods/ShopList">
            <span class="mui-icon mui-icon-extra mui-icon-extra-gift"></span>
            <span class="mui-tab-label">立即购买</span>
        </a>
        <a class="mui-tab-item mui-btn mui-btn-warning" href="/User">
            <span class="mui-icon mui-icon-gear"></span>
            <span class="mui-tab-label">加入购物车</span>
        </a>
    </nav>*@

<footer class="aui-footer-button aui-footer-flex aui-footer-fixed">
    <div class="aui-footer-wrap">
        <i class="icon-shop"></i>
        <span>店铺</span>
    </div>
    <div class="aui-footer-wrap">
        <i class="icon-service"></i>
        <span>客服</span>
    </div>
    <div class="aui-footer-wrap">
        <i class="icon-car"></i>
        <span>购物车</span>
    </div>
    <div class="aui-footer-group aui-footer-flex1">
        <div class="aui-footer-flex">
            <div class="aui-btn aui-btn-gray">
                <span>加入购物车</span>
            </div>
            <div class="aui-btn aui-btn-red">
                <span>立即购买</span>
            </div>
        </div>
    </div>
</footer>